<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="{{ site.description }}">
    <meta name="author" content="Safraz Razik">
    <meta name="generator" content="Jekyll v3.8.6">


    <meta name="twitter:image:src" content="https://safrazik.github.io/vue-file-agent/website/assets/cover.png?v=1.7.0" />
    <meta name="twitter:site" content="@safrazik" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="{{ site.title }}" />
    <meta name="twitter:description" content="{{ site.description }}" />

    <meta property="og:image" content="https://safrazik.github.io/vue-file-agent/website/assets/cover.png?v=1.7.0" />
    <meta property="og:site_name" content="GitHub" />
    <meta property="og:type" content="object" />
    <meta property="og:title" content="{{ site.title }}" />
    <meta property="og:url" content="https://safrazik.github.io/vue-file-agent" />
    <meta property="og:description" content="Full featured drag &amp; drop enabled Vue file upload component with previews and upload progress - safrazik/vue-file-agent" />

    <title>{{ site.title }}</title>

    <link rel="canonical" href="https://safrazik.github.io/vue-file-agent">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">


    {% if layout.external_urls %}
    <link rel="stylesheet" href="https://safrazik.github.io/vue-file-agent/website/assets/styles.css?v=1.7.0">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vue-file-agent@1.7.0/dist/vue-file-agent.css">
    {% else %}
    <link rel="stylesheet" href="{{ "/website/assets/styles.css?v=1.7.0" | prepend: site.baseurl }}">
    <link rel="stylesheet" href="{{ "/vue-file-agent.css?v=1.7.0" | prepend: site.dist_baseurl }}">
    {% endif %}

    {% if site.google_analytics %}
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-146428731-2"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-146428731-2');
    </script>
    {% endif %}


{% capture site_base_url %}{% if layout.external_urls %}http://safrazik.github.io/vue-file-agent{% else %}{{ site.baseurl }}{% endif %}{% endcapture %}

</head>
<body class="w-100 h-100" style="padding-top: 3.5rem;">

{% if layout.is_home %}
<div class="w-100 h-100">
{% endif %}

  <nav class="navbar navbar-expand fixed-top navbar-dark bg-dark px-0" style="background: rgba(52, 58, 64, 0.95) !important; height: 3.5rem;">
    <div class="container" style="padding-left: 15px;
      padding-right: 15px;">
      <a class="navbar-brand" href="{{ "/" | prepend: site_base_url }}">
        <img style="width: 40px; height: 40px; border-radius: 50%;" src="{{ "/website/assets/logo.png?v=1.7.0" | prepend: site_base_url }}">
        Vue File Agent
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarColor01">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item">
            <a class="nav-link" href="{{ "/docs/" | prepend: site_base_url }}">Docs</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://github.com/safrazik/vue-file-agent">GitHub</a>
          </li>
        </ul>
      </div>
      <!-- <small class="navbar-text">Every file deserves to be treated equally</small> -->
    </div>
  </nav>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/es6-promise/4.1.1/es6-promise.auto.js" integrity="sha256-qq7wfY6gQJldAy+TGLT7UF/TqnfV4XFzGF/RzrVXq24=" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/tus-js-client@1.8.0/dist/tus.js"></script>
  {% if layout.external_urls %}
  <script src="https://cdn.jsdelivr.net/npm/vue-file-agent@1.7.0/dist/vue-file-agent.umd.js"></script>
  {% else %}
  <script src='{{ "/vue-file-agent.umd.js?v=1.7.0" | prepend: site.dist_baseurl }}'></script>
  {% endif %}

  <script src="https://unpkg.com/vue-slicksort@latest/dist/vue-slicksort.min.js"></script>

  {{ content }}

  <div class="bg-secondary text-white mt-5 py-3">
    <div class="container">
      <div class="text-center mb-2">
        Made with love from
        <a class="text-white" href="https://twitter.com/safrazik" target="_blank"><strong>Safraz Razik</strong></a>
        <br>
      </div>
      <div class="text-center">
        <a href="https://twitter.com/safrazik?ref_src=vfa" class="twitter-follow-button" data-show-count="false" data-size="large">Follow on Twitter</a>
      </div>
    </div>
  </div>

{% if layout.is_home %}
</div>
{% endif %}

  <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

</body>
</html>